<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>document对象</title>
</head>
<body>
<div id="aa">div1</div>
<div id="bb">div2</div>

<div id="cc">div3</div>

<div class="dd">div4</div>
<div class="ee">div5</div>

<input type="button" name="username">
    <script>
     /*
     Document：文档对象
       1:创建(获取):在html dom模型中可以使用window对象来获取
          1:window.document
          2: document
       2:获取Element对象
          1:getElementById(): 根据id属性值获取元素对象.id属性值一般唯一
          2:getElementsByTagName():根据元素名称来获取元素对象们.返回值是一个数组
          3:getElementsByClassName():跟腱炎Class属性值获取元素对象们.返回值是一个数组
          4:getElementsByName():根据name属性值获取元素对象们.返回值是一个数组

       3:创建其他DOM对象
         createAttribute(name)
         createComment
         createElement
         createTextNode

          */

     //2:getElementsByTagName():根据元素名称来获取元素对象们.返回值是一个数组
        var divs=document.getElementsByTagName("div");
        //alert(divs.length);
        //3:getElementsByClassName():跟腱炎Class属性值获取元素对象们.返回值是一个数组
        var ff=document.getElementsByClassName("dd");
        //alert(ff.length);
        //4:getElementsByName():根据name属性值获取元素对象们.返回值是一个数组
        var hh=document.getElementsByName("username");
        //alert(hh.length);

    </script>
</body>
</html>